<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Title</title>
<script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="js/login.js"></script>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        font-weight: 520;
        font-family: 微软雅黑;
    }

    #nav {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        font-weight: 520;
        font-family: 微软雅黑;
        width: 100%;
        height: 100px;
        background-color: #191B2A;
    }

    #nav>ul>li {
        float: left;
        width: 175.75px;
        height: 50px;
        text-align: center;
    }

    #nav>ul>li>a {
        text-align: center;
        line-height: 50px;
        font-size: 15px;
        color: black;
    }

    #nav>ul>li>a:hover {
        color: orange;
        font-size: 20px;
    }

    ul>span {
        float: left;
        line-height: 50px;
        color: rgb(225, 224, 224);
        font-weight: 800;
        text-shadow: 5px 5px 5px black;
        color: red;
        font-size: 30px;
    }
    #nav>ul>li>a {
        color: white;
    }
    .sp{
        float: right;
        margin-right: 20px;
    }
    .sp >span{
        color: white;
    }
</style>
</head>
<body>
<div id="app">
    <login></login>
</div>
<script>
    var v=new Vue({
        el:"#app",
        data:{
        }
    })
</script>
</body>
</html>